<template>
	<view class="search">
		<!-- 搜索框 -->
		<view class="searchmin">
			<input type="text" placeholder="搜索商品">
			<image class="imagesrc" src="../../static/scrlogo.png"></image>
		</view>
		<view class="max">
			<view class="host">
				热门搜索
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:0
			}
		},
		onLoad: function(option) {
			console.log(option);
			console.log(option.name)
		},
		methods: {

		}

	}
</script>

<style scoped>
	.searchmin {
		width: 650rpx;
		padding: 20rpx;
		margin: 0 auto;
		background-color: #f5f5f5;
		border-radius: 50rpx;
	}

	.imagesrc {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		top: 20rpx;
		right: 60rpx;
	}

	.max {
		padding: 20rpx;
	}
</style>
